var global = {
}
$(function () {
  // 商品id
  var goods_id = GetQueryString("goods_id");
  console.log(goods_id)//获取地址栏中传来的商品id

  // 请求详情页的数据
  function loadInfo () {
    $.ajax({
      url: "https://api.ymduo.com/item/index",
      type: "post",
      data: {
        gid: goods_id
      },
      success: function (res) {
        console.log(res)
        var infoData = res.result.data;
        global.infoData = infoData;//把ajax的数据存储到全局变量中
        // 渲染小图
        var imgStr = ''
        $.each(infoData.image, function (index, ele) {
          imgStr += `<img src="${ele}"  />`
        })
        $(".small_img").html(imgStr)
        // 渲染大图
        $(".big_img img").attr("src", infoData.image[0])
        // 商品渲染
        $(".store img").attr("src", infoData.storeInfo.head);
        $(".store span").html(infoData.storeInfo.store_name)
        $(".pname").html(infoData.goods_name) //渲染商品名称
        $(".price span").html(infoData.price)//渲染商品价格
        $(".price del").html(infoData.old_price)////渲染商品
        // 加载默认的配送区域def 
        // $("#pro").html("<option value=" + infoData.def.province + ">" + infoData.def.provice_name + "</option>")
        // $("#city").html("<option value=" + infoData.def.city + ">" + infoData.def.city_name + "</option>")
        // 加载大图部分的数据
        $(".goods_info h2").html(infoData.detail.title);
        $(".goods_info .goods_bigimg").html(infoData.detail.in_detail)
      }
    })
  }
  // 小图点击 切换大图
  $(".small_img").on("click", "img", function () {
    var smallsrc = $(this).attr("src");//小图的src 
    $(".big_img img").attr("src", smallsrc)
  })


  loadInfo();
  // 省市区 三级联动
  // code 0  请求省的数据
  // 根据省的id 去请求市的数据
  function getData (code, ele) {
    $.ajax({
      url: "https://api.ymduo.com/Address/getaddbycode",
      type: "post",
      data: {
        code: code
      },
      success: function (res) {
        console.log(res)
        var data = res.result.data;
        var str = '';
        data.unshift({ code: '', name: "请选择" })
        $.each(data, function (index, ele) {
          str += `<option value="${ele.code}">${ele.name}</option>`
        })
        ele.html(str)
      }
    })
  }
  getData(0, $("#pro"))//加载省
  // 省的改变事件  获取当前省的value值 请求市的数据
  $("#pro").change(function () {
    var code = $(this).val()
    getData(code, $("#city"))
  })
  // 市的改变事件  获取value值 请求区的数据
  $("#city").change(function () {
    var code = $(this).val();
    getData(code, $("#area"))
  })
  // 点击按钮数量变化
  $(".max").click(function (params) {
    var vals = Number($(this).prev().val())
    vals++
    $(this).prev().val(vals);
  })
  $(".min").click(function (params) {
    var vals = Number($(this).next().val())
    vals--
    if (vals <= 1) {
      vals = 1;
    }
    $(this).next().val(vals);
  })


  // 添加购物车操作
  $("#addcart").click(function (params) {
    var data = {
      goods_id: global.infoData.goods_id,
      goods_name: global.infoData.goods_name,
      price: global.infoData.price,
      image: global.infoData.image[0],
      oldprice: global.infoData.old_price,
      stroename: global.infoData.storeInfo.store_name,
      storeId: global.infoData.storeInfo.store_id,
      num: $("#mynum").val()//数量
    }
    $.ajax({
      url: "http://127.0.0.1:3000/cart/addcart",
      type: "post",
      data: data,
      success: function (res) {
        console.log(res)
        if (res.success) {
          alert("加入购物车成功")
        }
      }
    })
  })

})